<template>
  <div class="home">
    <layout>
      <template #left>
        <div class="left">
         <SiteAside/>
        </div>
      </template>
      <div class="main">
        <router-view></router-view>
        <to-top/>
      </div>
    </layout>
  </div>
</template>

<script>
import layout from '@/components/Layout'
import SiteAside from '@/components/SiteAside'
import ToTop from '../../components/ToTop'
export default {
  name: 'index',
  components: {
    layout,
    SiteAside,
    ToTop
  }
}
</script>

<style lang="less" scoped>
  .home{
    width: 100%;
    height:100%;
  }
  .left{
    width: 250px;
    height: 100%;
  }
  .main{
    width: 100%;
    height: 100%;
  }
</style>
